<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="聊天室">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <link rel="stylesheet" href="chatPage.css"/>
  <!-- <link rel="stylesheet" href="style.css"> -->
  <title>聊天室</title>
 </head>
 <body>
	<div id="main" class="main">
    <div id="chat" class="chat">
      <div id="_top" class="_top">
        <span id="showUserName" class="showUserName"></span>
      </div>
      <hr />
      <div id="_bottom" class="_bottom">
        <div id="_msg_area" class="_msg_area">
          <div id="msg" class="msg">
            <ul id="showMsg" class="showMsg"></ul>
          </div>
          <div id="userList" class="userList">
          </div>
        </div>
        <div id="_input" class="_input">
          <div id="tools" class="tools">
          </div>
          <div id="inputArea" class="inputArea">
            <textarea class="inputMessage" placeholder="在这输入..."></textarea>
            <div id="sendBtn" class="sendBtn" onclick="sendMsg();">发送</div>
          </div>
          <div id="leftArea" class="leftArea"></div>
        </div>
      </div>
    </div>

    <div id="loginDiv" class="loginDiv">
      <ul class="pages">
        <li class="login page">
          <div class="form">
            <h3 class="title">请输入一个名字!</h3>
            <input class="usernameInput" type="text" maxlength="14" />
          </div>
        </li>
      </ul>
    </div>
  </div>

  <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
  <script src="/socket.io/socket.io.js"></script>
  <script src="/main.js"></script>
 </body>
</html>
